<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="renderer" content="webkit" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="format-detection" content="telephone=no,email=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <link type="image/x-icon" href="/favicon.ico" rel="icon" />
        <title>Title</title>
        <link rel="stylesheet" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
        <link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css" />
        <link rel="stylesheet" type="text/css" href="css/common.min.css">
        <script src="js/rem.js"></script>
        <!--[if lt IE 9]>
        <script src="js/html5shiv.min.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="contact-body common-body">
        <div id="header"></div>
        <div class="banner-company">
            <img src="images/about_banner.png" alt="">
        </div>
        <div class="company-box contact-box padding60">
            <div class="container">
                <ul class="common-nav clearfix">
                    <li class="">
                        <a href="contactUs.html">
                        <i class="uncheck" style="background: url(images/contact.png) no-repeat center;background-size: contain;"></i>
                        <i class="checked" style="background: url(images/contact_bg.png) no-repeat center;background-size: contain;"></i>
                        <span>联系我们</span>
                        </a>
                    </li>
                    <li class="">
                        <a href="recruitment.html">
                         <i class="uncheck" style="background: url(images/recruitment.png) no-repeat center;background-size: contain;"></i>
                         <i class="checked" style="background: url(images/recruitment_bg.png) no-repeat center;background-size: contain;"></i>
                         <span>招聘信息</span>
                        </a>
                    </li>
                    <li class="active">
                        <a href="leaveMessage.html">
                        <i class="uncheck" style="background: url(images/leaveMessage.png) no-repeat center;background-size: contain;"></i>
                        <i class="checked" style="background: url(images/leaveMessage_bg.png) no-repeat center;background-size: contain;"></i>
                        <span>留言反馈</span>
                        </a>
                    </li>
                </ul>
            <div class="message-box">
                <div class="form">
                    <h2>如果您有什么意见或者建议，欢迎给我们留言<span><i class="red">*</i>为必填项</span></h2>
                    <ul>
                        <li>
                                <label for="name"><i class="red">*</i>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</label>
                                <input type="text" id="name">
                        </li>
                        <li>
                            <label for="address"><i class="red">*</i>公司所在：</label>
                                <input type="text" id="address">
                        </li>
                        <li>
                            <label for="tel"><i class="red">*</i>联系电话：</label>
                            <input type="text" id="tel">
                            </li>
                            <li>
                                <label for="email"><i class="red">*</i>电子邮箱：</label>
                                <input type="text" id="email">
                            </li>
                            <li>
                                <label class="label" for="message">留言内容：</label>
                                <textarea name="" id="message" cols="30" rows="10"></textarea>
                            </li>
                            <li class="submit-box"><input type="button" value="提交" id="submit"></li>
                    </ul>
                </div>
            </div>
            
            </div>
        </div>
        <div id="footer"></div>
        <script src="js/jquery.min.js"></script>
        <script src="js/commin.js"></script>
        <script>
            $('#submit').on('click',function(){
                var name = $('#name').val();
                var address = $('#address').val();
                var tel = $('#tel').val();
                var email = $('#email').val();
                var message = $('#message').val();
                if(name == ""){
                    alert('请输入姓名')
                    return false
                }
                if(address == ""){
                    alert('请输入公司所在')
                    return false
                }
                if(tel == ""){
                    alert('请输入联系电话')
                    return false
                }
                if(email == ""){
                    alert('请输入电子邮箱')
                    return false
                }
            })
        </script>
    </body>
</html>